var vm = new Vue({
	el : '#vueApp',
	data : {
		list : [{"value2":"other-0","value1":"data-0","id":1}], // 当前页的记录集合
		pageSize : 10, // 每页显示条数
		showPages : 5, // 显示页码个数
		totalPages : 20, // 总页数
		total : 0, // 总记录数
		curPage : 1, // 当前页码
		pageSizeOptions : [ 5, 10, 15, 20, 30 ]
	// 每页记录选择项
	},
	components : {
		'pagination' : pagination, // 分页组件
	},
	mounted : function() {
		this.reload() // Vue初始化完成后加载数据
	},
	methods : {
		errorCallback:function(res) {
			alert('后台报错了')
			alert(res.status+':'+res.message)
		},
		onChange : function(ops, value) { // 页码和每页记录数变动调用的函数
			if (ops == 1) {// 改变页码
				this.curPage = value
			} else {// 改变每页记录数
				this.curPage = 1 // 设置当前页为1
				this.pageSize = value // 设置每页记录数
			}
			this.reload();
		},
		reload : function() {
			this.findPage() // 查找数据

		},
		refresh : function(data) {
			console.log(data)
			// 当前页数据
			this.list = data.list
			// 取余数
			this.total = data.total
			var remainder = data.total % this.pageSize
			// 向下取整
			var pages = Math.floor(data.total / this.pageSize)
			// console.log(remainder, pages)
			// 计算总页数
			this.totalPages = remainder == 0 ? pages : (pages + 1)
			if (this.totalPages <= 5) {
				this.showPages = this.totalPages
			}
			console.log(this.list)
		},
		findPage : function() {
			this.$http.get(
					'/listData?pageNum=' + this.curPage + '&pageSize='
							+ this.pageSize).then(function(res) {
				this.refresh(res.body)
			}, this.errorCallback);
		}
	}
})
